<!-- 

/*
 * @Description:入口文件
 * @Author: zhai.ke
 * @Date: 2024-04-25 09:36:15
 * @Last Modified by: zhai.ke
 * @Last Modified time: 2024-04-25 10:22:27
 */

 -->

<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router';
import { ref } from 'vue';
const selectedKeys = ref<string[]>(['1']);
const collapsed = ref<boolean>(false);
const MAP_INIT_LEVEL: Number = 1;
interface JsonData {
	name: string;
	sex: number;
}
const nameArr = [{ name: 'zk' }];
for (let i = 0; i < nameArr.length - 1; i++) {
	console.log(nameArr[i]['name']);
}

/**
 * 将 JSON 数据转换为 URL 参数字符串。
 * @param {Object} jsondata - 要转换的 JSON 数据对象。
 * @returns {string} - URL 参数字符串。
 * @author 翟科
 * @updated 2024-04-24
 */
const handleJsonToUrl = (jsondata: JsonData) => {
	//将json转化为url参数
	const params = new URLSearchParams();
	// for (const key in jsondata) {
	// 	params.append(key, jsondata[key]);
	// }
	return params.toString();
};
// handleJsonToUrl(['1']);
// handleJsonToUrl([1]);
handleJsonToUrl({ name: 'zk', sex: 1 });
/**
 * 格式化日期。
 * @param {Date} date - date日期。
 * @returns {string} - 格式化后的日期字符串。
 * @author 翟科
 * @updated 2024-04-24
 */
function formatDate(date: Date) {
	return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
}
const dateStr: String = formatDate(new Date());

console.log(dateStr);

// const DictPage = ()=>{
// 	return <div>DictPage</div>
// }
</script>

<template>
	<a-layout>
		<a-layout-sider v-model:collapsed="collapsed" :trigger="null" collapsible>
			<div class="logo" />
			<a-menu v-model:selectedKeys="selectedKeys" theme="dark" mode="inline">
				<a-menu-item key="1">
					<user-outlined />
					<span><RouterLink to="/">Home</RouterLink></span>
				</a-menu-item>
				<a-menu-item key="2">
					<video-camera-outlined />
					<span><RouterLink to="/about">About</RouterLink></span>
				</a-menu-item>
			</a-menu>
		</a-layout-sider>
		<a-layout>
			<a-layout-header style="background: #fff; padding: 0"> </a-layout-header>
			<a-layout-content
				:style="{ margin: '24px 16px', padding: '24px', background: '#fff', minHeight: '280px' }"
			>
				<RouterView />
			</a-layout-content>
		</a-layout>
	</a-layout>
</template>

<style scoped>
.logo {
	height: 32px;
	background: rgba(255, 255, 255, 0.3);
	margin: 16px;
}

.site-layout .site-layout-background {
	background: #fff;
}
</style>
